{% extends "base.html" %}

{% block title %}页面未找到 (404) - DRF 学习项目{% endblock %}

{% block content %}
<div class="text-center">
    <div class="mb-4">
        <h1 class="display-1 text-muted">404</h1>
        <h2 class="h4 mb-3">😅 页面未找到</h2>
        <p class="text-muted">抱歉，您访问的页面不存在</p>
    </div>

    <div class="d-grid gap-2 col-md-4 mx-auto">
        <a href="/" class="btn btn-primary">返回首页</a>
        <a href="/api/" class="btn btn-outline-primary">浏览 API</a>
        <a href="javascript:history.back()" class="btn btn-secondary">返回上页</a>
    </div>

    <!-- 常用链接 -->
    <div class="mt-5">
        <h6 class="text-muted mb-3">您可能要找的页面：</h6>
        <div class="row justify-content-center">
            <div class="col-auto">
                <a href="/api/" class="text-decoration-none">API 根目录</a>
            </div>
            <div class="col-auto">
                <a href="/docs/" class="text-decoration-none">API 文档</a>
            </div>
            <div class="col-auto">
                <a href="/admin/" class="text-decoration-none">管理后台</a>
            </div>
            <div class="col-auto">
                <a href="/accounts/login/" class="text-decoration-none">用户登录</a>
            </div>
        </div>
    </div>
</div>
{% endblock %}
